<template>
  <view class="start1" :style="'background-image:url('+my_photo+')'">
    <view class="con">
        <view class="con_text">
            <view style="font-size:108rpx;color:#fff">这是一个</view>
            <view style="font-size:144rpx;
                color#fff;font-weight: bold;
                background: linear-gradient(180deg, #FDF9F6 0%, #E1C4A6 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;"
            >滑雪</view>
            <view style="font-size:100rpx;color:#fff">社交平台</view>
            <view style="font-size:100rpx;color:#fff;font-weight:lighter">所有人加入</view>
            <view style="font-size:100rpx;color:#fff">都需要</view>
            <view style="font-size:144rpx;font-weight: bold;color: #FFFFFF;">注册会员</view>
			
        </view>
    </view>
    
  </view>
</template>

<script>
export default {
    data(){
        return {
           my_photo:'',
		   cache_user:{}
        }
    },
	async onLoad(){
		let res = await this.$api.post('/Common/Add_ViewPath',{Path:'pyq_share',Platform:uni.getStorageSync('platform')});
		
		this.cache_user = uni.getStorageSync('user');
		
		console.log(this.cache_user);
		
		this.my_photo = this.cache_user.HeadImgUrl;
		
		console.log(this.my_photo);
	},
	onShareTimeline(){
				console.log('start share page ===========')
				return {
					title:'雪遇滑雪组局神器，和有趣的人一起滑雪',
					query:'scene=pyq',
					imageUrl:''
				}
			}
}
</script>

<style lang="scss">
    page{
        background: #fff;
    }
    view,
    text{
        line-height: 1.3;
    }
    .start1{
       height: 100vh;
       width: 100vw;
       //background:url('https://golfdate.oss-cn-shenzhen.aliyuncs.com/community/20230520150508087666.png') no-repeat center center;       
       background-size: 100% 100%;
    }
    .con{
        display: flex;
        height: 100vh;
        align-items: center;
    }
    .con_text{
        padding-left: 60rpx;
        
        position: relative;
        width: 100%;
    }
    .btn{
        position: absolute;
        bottom: -150rpx;
        right: 60rpx;
        width: 208rpx;
        height: 96rpx;
        background: #FFFFFF;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text{
            font-size: 32rpx;
            font-weight: bold;
            color: #030303;
        }
    }
	.btn1{
	    position: absolute;
	    bottom: -150rpx;
	    left: 60rpx;
	    width: 188rpx;
	    height: 96rpx;
	    border-radius: 0;
	    display: flex;
	    align-items: center;
		background: #E1C4A6;
	    justify-content: center;
	    text{
	        font-size: 32rpx;
	        font-weight: bold;
	        color: #030303;
	    }
	   
	}
</style>